<div class="home">
    <a [routerLink]="['/home']">主页</a>
    <!--使用查询参数的方式传递参数-->
    <!-- <a [routerLink]="['/product']" [queryParams]="{id:1}">产品详情页</a> -->
    <!--使用路由参数传递的方式处理参数传递-->
    <a [routerLink]="['/product',1]">产品详情页</a>
    <input type="button" value="商品详情" (click)='toProductDetail()'>
    <a [routerLink]="[{outlets:{primary:'home',aux:'chat'}}]">开始聊天</a>
    <a [routerLink]="[{outlets:{aux:null}}]">结束聊天</a>
    <router-outlet></router-outlet>
    <router-outlet name="aux"></router-outlet>
</div>

